<script setup lang="ts">

import {UserApi, type UserVO} from '@/api'

let userInfo = ref<UserVO>()

let userApi = new UserApi();
userApi.getUserInfo().then((response) => {
  userInfo.value = response.data
})
</script>

<template>
<div class="h-full flex flex-col">
  <div class="flex px-4 py-2 bg-black text-white items-center">
    <div>DEMO-APP</div>
    <div class="ml-auto">
      <el-avatar :size="36"></el-avatar>
    </div>
    <div class="ml-2">
      {{userInfo?.name}}
    </div>
  </div>

  <div class="grow flex items-stretch">
    <div class="w-15em bg-sky-7"></div>
    <div></div>
  </div>

</div>
</template>

<style scoped>

</style>
